<template>
  <div class="home">
    <login/>
    <div class="copy-right">
      <a href="https://beian.miit.gov.cn/" target="_blank">{{copyRight}}</a>
    </div>
  </div>
</template>

<script>
import { ref } from 'vue'
import { getCurrentInstance } from "vue"
import login from "../components/fun_mod/login.vue"
export default {
  components: {login},
  setup() {
    const Global = getCurrentInstance().proxy
    let copyRight = ref(Global.$const.COPY_RIGHT)
    
    return{
      copyRight
    }
  }
}
</script>

<style lang="scss" scoped>
.home{
  width: 100%;height:calc(100vh);
  .copy-right{
    @extend %view-flex;
    position: fixed;
    bottom: 0;
    font-size: 16px;
    color: #888;
    padding: 20px;
    a{
      color: #888;
      text-decoration: none;
    }
  }
}
</style>